<template>
  <div>
    <hc-link href="https://hicor-ui.org" target="_blank">default</hc-link>
    <hc-link type="primary">primary</hc-link>
    <hc-link type="success">success</hc-link>
    <hc-link type="warning">warning</hc-link>
    <hc-link type="danger">danger</hc-link>
    <hc-link type="info">info</hc-link>
  </div>
</template>
<style scoped>
.hc-link {
  margin-right: 8px;
}
.hc-link .hc-icon--right.hc-icon {
  vertical-align: text-bottom;
}
</style>
